@import './transition.scss';
@import './scss-suger.scss';
@import './reset-style.scss';
// 
// @use 'element.scss' as *;
@import './elemenet-style-overflow.scss';
@import './variable.scss';
// @import './element.scss';

//scroll
@mixin main-show-wh() {
  /* css 声明 */
  //height: calc(100vh - #{$navBarHeight} - #{$tagViewHeight} - #{$appMainPadding * 2});
  height: calc(100vh - #{var(--nav-bar-height)} - #{var(--tag-view-height)} - #{calc(var(--app-main-padding) * 2)});
  width: 100%;
}


div {
  box-sizing: border-box
}

.el-menu {
  width: 99%;
}

.scroll-y {
  @include main-show-wh();
  overflow-y: auto;
}

.scroll-x {
  @include main-show-wh();
  overflow-x: auto;
}

.scroll-xy {
  @include main-show-wh();
  overflow: auto;
}

// 滚动条样式
::-webkit-scrollbar-track {
  background-color: #fff;
}

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}

::-webkit-scrollbar-thumb {
  background: #eceff6;
  border-radius: 20px;
}